<!-- DATOS ADJUNTOS-->
<style type="text/css">
    .add_adjunto {
        padding: 5px;
    }
</style>
<div id="adjuntos">
    <legend>Nuevos Adjuntos</legend>
    <div id="content-files" class="row-fluid">
        <div id="original" class="form-inline add_adjunto">
            <input id="file_adjunto" type="file" name="adjunto[]" />
            <select id="tipo_adjunto" name="tipo_adjunto[]" class="input-medium">
                <?php foreach ($this->tiposAdjuntos as $tipo_adjunto) { ?>
                    <option value="<?php echo $tipo_adjunto->getId() ?>"><?php echo $tipo_adjunto->getDescripcion() ?></option>
                <?php } ?>
            </select>
            <input type="button" value="Agregar" class="btn" onclick="agregarNuevoAdjunto()" />
        </div>
    </div>
    <legend>Listado</legend>
    <div class="row-fluid">
        <div id="tabla_adjuntos"  >
            <h2><?php echo $this->tituloTipoAdjunto; ?></h2>
            <?php if ($this->adjuntos): ?>
            <?php foreach ($this->adjuntos as $adjunto) { ?>
            <p>
                <?php echo $adjunto->getTipoAdjunto()->getDescripcion(); ?>
                <input onclick="eliminarAdjunto(<?php echo $adjunto->getId() ?>)" class="btn btn-danger btn-mini" type="button" name="eliminar_adjunto" value="Eliminar" />
            </p>
            <img src="<?php echo $this->baseUrl("/adjuntos/{$adjunto->getPath()}"); ?>" style="" >
            <?php } ?>
            <?php endif; ?>
        </div>
    </div>

    <script type="text/javascript">
        function agregarNuevoAdjunto() {
            var content = $("<div>", {"class": "form-inline add_adjunto"});
            content.append($("#file_adjunto").clone());
            content.append($("#tipo_adjunto").clone().attr("style", "margin-left:3px;"));
            var eliminar = $("<a>", {"class": "btn btn-danger", style: "margin-left:3px;",
                click: function (e) {
                    $(content).remove();
                }});
            eliminar.append("<i class='icon-trash'></i>");
            content.append(eliminar);
            $("#content-files").append(content);
            
        }
    </script>

</div>
